<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="web/templates/ui.xhtml">

	<ui:define name="title">
		<h:outputText value="Registro de Entidades" />
	</ui:define>
	<ui:define name="sidebar">
		<div class="widget">
			<div class="title">
				<div class="inner">
					<h3>
						<h:outputText value="Menú" />
					</h3>
				</div>
			</div>
			
			<!-- MENU PERFIL ADMINISTADOR -->
			<ui:include src="menu.xhtml" />
			
		</div>
	</ui:define>
	<ui:define name="content">
		<div class="page-header titulopag">
				<h3><h:outputText value="Entidades" /></h3>
		</div>
		<div class="subTitle">
			<ol class="breadcrumb">
				<li><a href="index.jsf"><span class="glyphicon glyphicon-home"></span></a></li>
				<li class="active">Registro </li>
			</ol>
		</div>
		
		<div class="gridContent">
			<div class="inner">
				<h:form id="frmCatalogo">
				<p:messages id="messages"  autoUpdate="true" />
					<p:panel>
						
						<div class="row">
							<div class="col-sm-3 form-group">
						        <p:outputLabel for="cboTipoEntidad" value="Tipo Entidad:" />
								<h:selectOneMenu styleClass="form-control" id="cboTipoEntidad" value="#{entidadService.entidad.tipoEntidadId}"
								required="true" requiredMessage="El campo 'Tipo de Entidad' es obligatorio.">
									<f:selectItem itemLabel="Seleccionar" itemValue="" noSelectionOption="true" />
									<f:selectItems value="#{entidadService.listaTipoEntidad}"></f:selectItems>
									<p:ajax event="change" update="panelEntidadPadre panelRuc" />
								</h:selectOneMenu>
							</div>
							<div class="col-sm-9 form-group">
								<p:panel id="panelEntidadPadre">
								<p:outputLabel for="cboEntidad" value="Entidad Padre:" />
								<h:selectOneMenu disabled="#{entidadService.entidad.tipoEntidadId ne '2'}" styleClass="form-control" id="cboEntidad" value="#{entidadService.entidad.idEntidadPadre}"
								required="true" requiredMessage="El campo 'Entidad Padre' es obligatorio.">
									<f:selectItem itemLabel="Seleccionar" itemValue="" noSelectionOption="true" />
									<f:selectItems value="#{entidadService.listadoEntidad}"></f:selectItems>
								</h:selectOneMenu>
								</p:panel>
							</div>
						</div>
						
						<div class="row">
						<p:panel id="panelRuc">
							<div class="col-sm-3 form-group">
								<p:outputLabel for="txtRUC" value="Numero de RUC" />
								<div class="input-group">
									<p:inputMask id="txtRUC"
										value="#{entidadService.entidad.numeroRUC}"
										disabled="#{entidadService.entidad.tipoEntidadId eq '2' or entidadService.editar}" 
										maxlength="11"
										required="true" autocomplete="off" onkeyup="$(this).val($(this).val().replace(/[^0-9]/g, ''));"
										requiredMessage="Número de RUC es Obligatorio."
										validatorMessage="El número de RUC debe tener 11 caracteres.">
										<f:validateLength minimum="11" maximum="11" />
										<p:ajax update="calFecAlta calFecBaja calFecIniAct" />
									</p:inputMask>
								</div>
							</div>
							<div class="col-sm-3 form-group">
								<span class="input-group-btn">
									<c:if test="#{entidadService.entidad.tipoEntidadId eq '1' and !entidadService.editar}">
									<br/>
										<p:commandButton
											id="ajaxReniec" styleClass="btn btn-default" process="@this"
											actionListener="#{entidadService.obtenerSunat}"
											update="panelResultadoSunat lblErrorBusquedaSunat"
											value="Sunat">
											<p:resetInput target="panelResultadoSunat" />
										</p:commandButton>
									</c:if>
								</span>
							</div>
							</p:panel>
							<div class="col-sm-6 form-group">
								<p:outputLabel id="lblErrorBusquedaSunat" value="${entidadService.errorBusquedaSunat}" />
							</div>
						</div>
						
						<p:panel id="panelResultadoSunat">
							<div class="row">
								<div class="col-sm-6 form-group">
									<p:outputLabel id="lblnombreEntidad" for="txtnombreEntidad" value="Entidad" />
									<p:inputText id="txtnombreEntidad" maxlength="250" value="#{entidadService.entidad.nombreEntidad}"
									required="true" autocomplete="off" onkeyup="$(this).val($(this).val().toUpperCase());"
										style="text-transform: uppercase"
										requiredMessage="Nombre de Entidad es Obligatorio."/>
								</div>
							</div>
							
							<div class="row">
								<div class="col-sm-6 form-group">
									<p:outputLabel id="lblnombreComercialEntidad" for="txtnombreComercialEntidad" value="Entidad Comercial" />
									<p:inputText id="txtnombreComercialEntidad" value="#{entidadService.entidad.nombreComercialEntidad}" readonly="true"/>
								</div>
								<div class="col-sm-6 form-group">
									<p:outputLabel for="txtEstadoEntidad" value="Estado Entidad:" />
									<p:inputText id="txtEstadoEntidad" value="#{entidadService.entidad.estadoEntidad}" readonly="true"/>
								</div>
							</div>
						
							<div class="row">
								<div class="col-sm-4 form-group">
									<p:outputLabel id="lblDep" for="cboDept" value="Departamento" />
									<h:selectOneMenu id="cboDept" value="#{entidadService.entidad.ubigeoDepartamento}"
										styleClass="form-control" disabled="true">
										<f:selectItem itemLabel="Seleccionar" itemValue="-1" noSelectionOption="true" />
										<p:ajax listener="#{entidadService.onDepartamentoChange}" update="provincia,distrito" />
										<f:selectItems value="#{entidadService.listaDepartamentos}"
											var="departamento" itemLabel="#{departamento.descripcion}"
											itemValue="#{departamento.codigo}" />
									</h:selectOneMenu>
								</div>
								<div class="col-sm-4 form-group">
									<p:outputLabel id="lblProv" for="cboProv" value="Provincia" />
									<p:panel id="provincia">
										<h:selectOneMenu id="cboProv"
											value="#{entidadService.entidad.ubigeoProvincia}"
											styleClass="form-control" disabled="true" >
											<f:selectItem itemLabel="Seleccionar" itemValue="-1" noSelectionOption="true" />
											<p:ajax listener="#{entidadService.onProvinciaChange}" update="distrito" />
											<f:selectItems value="#{entidadService.listaProvincias}"
												var="provincia" itemLabel="#{provincia.descripcion}"
												itemValue="#{provincia.codigo}" />
										</h:selectOneMenu>
									</p:panel>
								</div>
								<div class="col-sm-4 form-group">
									<p:outputLabel id="lblDis" for="cboDis" value="Distrito" />
									<p:panel id="distrito">
										<h:selectOneMenu id="cboDis"
											value="#{entidadService.entidad.ubigeoDistrito}"
											styleClass="form-control" disabled="true">
											<f:selectItem itemLabel="Seleccionar" itemValue="-1" noSelectionOption="true" />
											<f:selectItems value="#{entidadService.listaDistritos}"
												var="distrito" itemLabel="#{distrito.descripcion}"
												itemValue="#{distrito.codigo}" />
										</h:selectOneMenu>
									</p:panel>
								</div>
							</div>
						
							<div class="row">
								<div class="col-sm-12 form-group">
									<p:outputLabel id="lblDireccionLegal" for="txtDireccionLegal" value="Dirección Legal" />
									<p:inputText id="txtDireccionLegal" value="#{entidadService.entidad.direcccionLegal}" readonly="true"/>
								</div>
							</div>
						
							<div class="row">
								<div class="col-sm-4 form-group">
									<p:outputLabel id="lblTelefono1" for="txtTelefono1" value="Teléfono 1" />
									<p:inputText id="txtTelefono1" value="#{entidadService.entidad.telefono1}" readonly="true"/>
								</div>
								<div class="col-sm-4 form-group">
									<p:outputLabel id="lblTelefono2" for="txtTelefono2" value="Teléfono 2" />
									<p:inputText id="txtTelefono2" value="#{entidadService.entidad.telefono2}" readonly="true"/>
								</div>
							</div>
						
							<div class="row">
								<div class="col-sm-3 form-group">
												<p:outputLabel value="Fecha Alta" for="calFecAlta"/>
												<p:calendar id="calFecAlta" value="#{entidadService.entidad.fechaAlta}" locale="es" navigator="true" disabled="true"
												requiredMessage="El Campo 'Fecha Alta' es Obligatorio." pattern="dd/MM/yyyy" mask="true" disabledWeekends="true" readonly="true">
												</p:calendar>
								</div>
								<div class="col-sm-3 form-group">
												<p:outputLabel value="Fecha Baja" for="calFecBaja"/>
												<p:calendar id="calFecBaja" value="#{entidadService.entidad.fechaBaja}" locale="es" navigator="true" disabled="true"
												requiredMessage="El Campo 'Fecha Baja' es Obligatorio." pattern="dd/MM/yyyy" mask="true" disabledWeekends="true" readonly="true">
												</p:calendar>
								</div>
							
								<div class="col-sm-3 form-group">
												<p:outputLabel value="Fecha Constitucion Entidad" for="calFecConstEnd"/>
												<p:calendar id="calFecConstEnd" value="#{entidadService.entidad.fechaConstitucionEntidad}" locale="es" navigator="true" disabled="true"
												requiredMessage="El Campo 'Fecha Constitucion Entidad' es Obligatorio." pattern="dd/MM/yyyy" mask="true" disabledWeekends="true" readonly="true">
												</p:calendar>
								</div>
								<div class="col-sm-3 form-group">
												<p:outputLabel value="Fecha Inicio Actividad" for="calFecIniAct"/>
												<p:calendar id="calFecIniAct" value="#{entidadService.entidad.fechaInicioActividad}" locale="es" navigator="true" disabled="true"
												requiredMessage="El Campo 'Fecha Inicio Actividad' es Obligatorio." pattern="dd/MM/yyyy" mask="true" disabledWeekends="true" readonly="true">
												</p:calendar>
								</div>
							</div>
						
							<div class="row">
								<div class="col-sm-6 form-group">
									<p:outputLabel id="lblEmail1" for="txtEmail1" value="Email 1" />
									<p:inputText id="txtEmail1" value="#{entidadService.entidad.email1}"/>
								</div>
								
								<div class="col-sm-6 form-group">
									<p:outputLabel id="lblEmail2" for="txtEmail2" value="Email 2" />
									<p:inputText id="txtEmail2" value="#{entidadService.entidad.email2}"/>
								</div>
							</div>
							
							<div class="row">
								<div class="col-sm-6 form-group">
									<p:outputLabel id="lblNumDocReLeEnt" for="txtNumDocReLeEnt" value="Numero de Documento del Representante Legal de la Entidad" />
									<p:inputText id="txtNumDocReLeEnt" value="#{entidadService.entidad.numeroDocumentoRepreLegalEntidad}" readonly="true"/>
								</div>
								
								<div class="col-sm-4 form-group">
									<p:outputLabel id="lblValidadoSunat" for="txtValidadoSunat" value="Flag Validado Sunat" />
									<p:inputText disabled="true" id="txtValidadoSunat" value="#{entidadService.entidad.flagValidadoSunat}" readonly="true"/>
								</div>
							</div>
						</p:panel>
						
						<div class="row">
							<div class="col-sm-6 form-group">
								<p:outputLabel for="cboNivelGobierno" value="Nivel de Gobierno:" />
								<h:selectOneMenu styleClass="form-control" id="cboNivelGobierno" value="#{entidadService.entidad.nivelGobiernoId}"
								required="true" requiredMessage="Nivel de Gobierno es obligatorio">
									<f:selectItem itemLabel="Seleccionar" itemValue="" noSelectionOption="true" />
									<f:selectItems value="#{entidadService.listaNivelGobierno}"></f:selectItems>
								</h:selectOneMenu>
							</div>
							<div class="col-sm-6 form-group">
								<p:outputLabel for="cboClasificacionEntidad" value="Clasificación Entidad:" />
								<h:selectOneMenu styleClass="form-control" id="cboClasificacionEntidad" value="#{entidadService.entidad.clasificacionEntidadId}"
								required="true" requiredMessage="Clasificación de la Entidad es Obligatorio">
									<f:selectItem itemLabel="Seleccionar" itemValue="" noSelectionOption="true" />
									<f:selectItems value="#{entidadService.listaClasificacionEntidad}"></f:selectItems>
								</h:selectOneMenu>
							</div>
						</div>
						
						<div class="row">
							<div class="col-sm-6 form-group">
								<p:outputLabel for="cboSectorEntidad" value="Sector Entidad:" />
								<h:selectOneMenu styleClass="form-control" id="cboSectorEntidad" value="#{entidadService.entidad.sectorEntidadId}"
								required="true" requiredMessage="Sector de Entidad es obligatorio">
									<f:selectItem itemLabel="Seleccionar" itemValue="" noSelectionOption="true" />
									<f:selectItems value="#{entidadService.listaSectorEntidad}"></f:selectItems>
								</h:selectOneMenu>
							</div>
							<div class="col-sm-6 form-group">
								<p:outputLabel id="lblCodigoSector" for="txtCodigoSector" value="Código de Sector" />
								<p:inputText id="txtCodigoSector" value="#{entidadService.entidad.codigoSector}"
								required="true" requiredMessage="Código de Sector es obligatorio."/>
							</div>							
						</div>
					
						<div class="row">
							<div class="col-sm-6 form-group">
								<p:outputLabel id="lblAbreviatura" for="txtAbreviatura" value="Abreviatura" />
								<p:inputText id="txtAbreviatura" value="#{entidadService.entidad.abreviatura}"/>
							</div>
							
							<div class="col-sm-6 form-group">
								<p:outputLabel id="lblObservacion" for="txtObservacion" value="Observación" />
								<p:inputText id="txtObservacion" value="#{entidadService.entidad.observacion}"/>
							</div>
						</div>
						
						<div class="row">
							<div class="col-sm-6 form-group">
								<p:outputLabel id="lblPaginaWeb" for="txtPaginaWeb" value="Pagina Web" />
								<p:inputText id="txtPaginaWeb" value="#{entidadService.entidad.paginaWeb}"/>
							</div>
							
							<div class="col-sm-6 form-group">
								<p:outputLabel id="lblReferencia" for="txtReferencia" value="Referencia" />
								<p:inputText id="txtReferencia" value="#{entidadService.entidad.referencia}"/>
							</div>
						</div>
						
				<c:if test="#{!entidadService.noEditar}">
					<div class="btnAction row">
						<div class="text-right">
							<p:commandLink immediate="true" styleClass="btn btn-view" style="padding: 10px;" value="Cancelar"
									action="entidades_listado.jsf" >
									<p:confirm header="Confirmación" message="¿Está seguro de cancelar el registro de Responsable?" icon="ui-icon-alert" />			
							</p:commandLink>
							&nbsp;&nbsp;
							<c:if test="#{!entidadService.editar}">
								<p:commandButton styleClass="btn btn--primario" icon="ui-menuitem-icon ui-icon fa fa-save" iconPos="right" update=":frmCatalogo" value="Grabar" actionListener="#{entidadService.ingresarEntidad()}" >
								<p:confirm header="Confirmación" message="¿Está seguro de guardar el registro de Entidad?" icon="ui-icon-alert" />
								</p:commandButton>
							</c:if>
							<c:if test="#{entidadService.editar}">
								<p:commandButton styleClass="btn btn--primario" icon="ui-menuitem-icon ui-icon fa fa-refresh" iconPos="right" update=":frmCatalogo" value="Actualizar" actionListener="#{entidadService.actualizarEntidad()}" >
								<p:confirm header="Confirmación" message="¿Está seguro de actualizar el registro de Entidad?" icon="ui-icon-alert" />
								</p:commandButton>
							</c:if>
						</div>
					</div>
				</c:if>
						
					</p:panel>
				</h:form>
			</div>
		</div>
		<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" closeOnEscape="true" rendered="true">
			<p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
			<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
		</p:confirmDialog>
		
	</ui:define>
	<ui:define name="script">
	</ui:define>
</ui:composition>